﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>竣付通钱包</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/index1.css">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
	<style type="text/css">
	    .navbar-top-links .dropdown-alerts {
	        width: 160px;		   
	        min-width: 0;
	    }	
	</style>
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
    <div id="wrapper">
        <!--左侧导航开始-->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="side-menu">     
                	<li class="nav-header">
                		<div class="dropdown profile-element">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                                    <span class="block m-t-xs">
                                        <i class="logo"></i>
                                        <strong class="font-bold">竣付通</strong>
                                    </span>
                                </span>
                            </a>
                        </div>
                        <div class="logo-element">
                        	<i class="logo"></i><!-- 竣付通 -->
                        </div>
                	</li>                           
                    <li>
                        <a href="#">
                            <i class="fa fa-wallet"></i>
                            <span class="nav-label">我的钱包</span>
                            <span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a class="J_menuItem" href="index_v1.html">资产总览</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="AccountManagement.html">账户管理</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="PlatformAnnouncement.html">平台公告</a>
                            </li>
                        </ul>
                    </li>
               
                    <li>
                        <a href="#"><i class="fa fa-fundManage"></i> <span class="nav-label">资金管理</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li><a class="J_menuItem" href="BatchPayment.html">批量付款</a>
                            </li>
                            <li><a class="J_menuItem" href="ApplyWithdraw.html">申请提现</a>
                            </li>                                                         
                        </ul>
                    </li>

                    <li>
                        <a href="#"><i class="fa fa-financeDetail"></i> <span class="nav-label">资金明细</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li><a class="J_menuItem" href="Detail/Detail.html">收支明细</a>
                            </li>
                            <li><a class="J_menuItem" href="Detail/Detail-widthDrawdl.html">提现明细</a>
                            </li>
                            <li><a class="J_menuItem" href="Detail/Detail-batch.html">批量付款明细</a>
                            </li>
                            <li><a class="J_menuItem" href="Detail/Detail-statements.html">对账单</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="Detail/Detail-paid.html">代付明细</a>
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>
        </nav>
        <!--左侧导航结束-->

 
        <!--右侧部分开始-->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="row" >
                <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0;height:70px;">
                    <div class="navbar-header" style="height:70px;">
	                    <a class="navbar-minimalize zoomButton" href="#">
	                    	<i class="fa fa-bars"></i> 
	                    </a>
	                    <a href="#" class="minimalize-styl-2 btn btn-cash">提现</a>                                    
                    </div>
                    <ul class="nav-page navbar-top-links navbar-right" style="margin-right:30px;height:70px;">
                    	 <li class="dropdown kefu">
                        	<a>
                        		<span class="fa fa-service"></span>                        		
	                        </a>
	                         <ul class="dropdown-menu dropdown-alert pull-right">
                                <li class="contactus">
                                    <a href="#">
                                        <div>联系我们</div>
                                    </a>
                                </li>                               
                                <li style="border-bottom: 1px solid #eee;"><a href="#"><div>400-0315-758<i class="fa fa-kf"></i></div></a></li>                              
                                <li><a href="#"><div>400-0315-758<i class="fa fa-ph"></i></div></a></li>
                            </ul>
	                     </li>
                        <li class="dropdown">
                            <a class="J_menuItem count-info" href="PlatformAnnouncement.html">
                                <span class="fa fa-info"></span>
                                <span class="label label-warning" style="display:block">1</span>
                            </a>                                            
                        </li>
                        <li class="dropdown">
                            <a class="J_menuItem" href="AccountManagement.html">
                                <span class="fa fa-lock"></span>
                            </a>                         
                        </li>
                        <li class="dropdown info">                          
                            <a href="#" class="user">
                                <span class="icon-down" style="margin-top:10px;">lh1039@qq.com</span>
                            </a>
                            <ul class="dropdown-menu dropdown-alerts pull-right">
                                <li style="border-bottom: 1px solid #eee;">
                                    <a href="#">
                                        <!-- 此处跳转到客服页 -->
                                        <div>客服中心</div>
                                    </a>
                                </li>
                                <li><a href="#"><div>安全退出</div></a></li>
                            </ul>
                        </li>                        
                    </ul>
                </nav>
            </div>
            <div class="row J_mainContent" id="content-main">
                <iframe id="J_iframe" width="100%" height="100%" src="index_v1.html?v=4.0" frameborder="0" data-id="index_v1.html" seamless></iframe>
            </div>
        </div>
        <!--右侧部分结束-->
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- <script src="js/plugins/layer/layer.min.js"></script> -->

    <!-- 自定义js -->
    <script src="js/hAdmin.js?v=4.1.0"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/zDialog.js"></script>
    <script type="text/javascript" src="js/zDialog2.js"></script>
    <!--<script type="text/javascript" src="js/zDrag.js"></script>-->

	<script type="text/javascript">
		  //personal info
    	/*$('.dropdown.info>a').on('click',function(){
              if ($('.dropdown-alerts').is(':hidden')) {
                  $('.dropdown-alerts').show();
              }else{
                  $('.dropdown-alerts').hide();
              }
        });*/
         /* function stopPropagation(e) {
              if (e.stopPropagation)
                  e.stopPropagation();
              else
                  e.cancelBubble = true;
          }
          $(document).bind("click",function (e) {
              $('.dropdown-alert').css('display','none');
          });
          $('.dropdown-alert').bind('click',function(e){
              $('.dropdown-alert').show();
              stopPropagation(e);
          });*/

//          $(document).on('click', '.dropdown-alert',function(){
//              $(".dropdown-alert").show();
//              return false;
//          });
//          $(document).on('click',function(){
//              $(".dropdown-alert").hide();
//          });


          /*$(".aaa").click(function(event){
              $(".dropdown-alert").show();
              $(document).one("click",function(){
                  $(".dropdown-alert").hide();
              });
              event.stopPropagation();
          });
          $(".dropdown-alert").click(function(event){
              event.stopPropagation();
          });*/
         $('.dropdown.info>a').on('click',function(event){
             event.stopPropagation();
             if ($('.dropdown-alerts').is(':hidden')) {
                 $('.dropdown-alerts').show();
             }else{
                 $('.dropdown-alerts').hide();
             }
         });

    	$('.dropdown.kefu>a').on('click', function (event) {
    	    event.stopPropagation();
    	    if ($('.dropdown-alert').is(':hidden')) {
    	        $('.dropdown-alert').show();
    	    } else {
    	        $('.dropdown-alert').hide();
    	    }
    	});
        $(document).click(function () {
            $('.dropdown-alerts').hide();
            $('.dropdown-alert').hide();
        });

//	    $(".leftSideBar .nav>li").click(function(){
//            $(this).toggleClass('active')  //给当前元素添加"active"样式
//            .find('i').toggleClass('down') //小箭头向下样式
//            .parent().next().slideToggle('slow','easeOutQuad');  //下一个元素显示
//            $(this).siblings('li').removeClass('active')//给当前元素的兄弟元素去除"active"样式
//            .find('i').removeClass('down').parent().next().slideUp('slow','easeOutQuad');//隐藏
//            return false; //阻止默认事件
//        });

	</script>

</body>

</html>
